@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }

body{font-size:14px;   }
ul,ol{list-style:none;}
ul, li {
	text-decoration: none;
	list-style-type: none;
}
a{text-decoration:none;cursor: pointer;color: #333;}
img{border:0;vertical-align:middle;}
span,a{vertical-align:middle;}
input,button{vertical-align:top;outline:none;border:none;}
button{padding: 0;cursor: pointer;}
button::-moz-focus-inner {padding: 0;}  /*for FireFox button 鍐呯疆padding涓�0*/
textarea{outline:none;border:none;resize:none;}
input, textarea {box-sizing: content-box;outline: none;background: 0 0;font-family: "Microsoft YaHei"}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #666666;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#666666;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color:#666666;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color:#666666;
}
#qwjs{text-indent: 10px;
    height: 45px;
    width: 360px;
    float: left;
    background-color: rgba(255,255,255,0.7);}
#okbutton{background-color: #b5b4b4;
    width: 55px;
    height: 45px;}
.topcont{background: url(hdtopbj.jpg) top center no-repeat #f2f2f2;background-position: 0px -50px;}
.header{width:1200px;margin:auto;overflow: hidden;}
.area-sj{width:100%;height:40px; background-color: rgba(255,255,255,0.5);line-height: 40px;}
.area-sj ul{width: 1200px;
    margin: auto;
    overflow: hidden;}
.t-fl{float:left;}
.t-fr{float:right;}
.area-sj span{font-size: 16px;   color: #ffffff;  }
.area-sj span a{color: #ffffff; }
.area-sj p{    font-size: 16px;   color: #ffffff;  width: 30%; float: left;}
.top{    width: 100%;
    margin-top: 120px;
    overflow: hidden;
    margin-bottom: 100px;}
.logo{    width: 570px; margin: auto;}
.logo img {width:100%;}
.search-box{  width: 415px; margin: auto;}
.searh{      width: 100%;
    border-radius: 7px;
    overflow: hidden;
    margin-top: 40px;
    margin-left: 40px;
}
.nav{overflow: hidden;
    height: 55px;
    width: 100%;
    background-color: rgba(255,255,255,0.85);
}

.nav-l{
width: 1200px;
    margin: auto;
    height: 45px;
    margin-top: 5px;
    overflow: hidden;
}
.nav-l li{
   float: left;
    width: 148px;
    height: 45px;
    text-align: center;
    border-right: 2px solid #ffffff;
}
.nav-l li a{
color: #c00000;
    font-size: 20px;
    line-height: 45px;
    display: block;
    font-weight: bold;
}
.nav-l li:nth-child(8) {   border-right: 0px solid #ffffff;}
.nav ul li.active a{
 background-color: rgba(255,255,255,0.55);
}
.nav-l img{
    float: left;

}
@media screen and (max-width: 640px) and (min-width: 0px){
.topcont {
    
   background-position: 50% 0px;
    background-size: cover;
}
.topcont ,.header {  width: 6.4rem;}
.area-sj {  
    height: 0.4rem;   
    line-height: .4rem;
}
.area-sj p {  font-size: .22rem;  padding: .1rem;width:100%;}
.top { margin-top: 0.5rem;
    margin-bottom: 0.5rem;}
.logo {      width: 4rem; margin: auto;}
.logo img{width: 100%;}
.search-box { display: none;}
.search-box p img{width:100%;}
.searh {  display: none;}
.nav {  height: 1.45rem;  margin-top: .2rem;}
.nav-l {
    width: 6.4rem;
    margin: auto;
    height: auto;
    margin-top: 0.05rem;}
.nav-l li {  width: 2rem;  height: .4rem;  margin-bottom: .05rem;}
.nav-l li a { font-size: .26rem; line-height: .4rem;}
.nav-l img { height: .4rem;}
.area-sj ul {
    width: 6.4rem;
 
}
.area-sj span {
    font-size: .18rem;
}
.t-fr {
    display: none;
}
}